<!-- 评论列表页面 -->
<template>
  <div>
    <PageTitleBar title="评论" :path="'/message'" />
  </div>
  <div class="default-text" v-if="false">
    <p>暂无评论用户</p>
  </div>
  <!-- 评论用户列表 -->
  <div class="comments-list">
    <!-- 评论用户列表 -->
    <div class="comments-list-wrap" v-for="item in commentsList" :key="item.userId">
      <div class="comments-item">
        <div class="comments-img">
          <img :src="`http://43.138.15.137:3000${item.userAvatar}`" alt="">
        </div>
        <div class="comments-info"> 
          <p>@{{ item.userNickname }}</p>
          <p>{{ item.commentContent }}</p>
          <span>{{ item.createdAt }}</span>
        </div>
        <div class="mentions-btn">
          <img :src="item.videoCover" alt="">
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import PageTitleBar from '@/components/common/PageTitleBar.vue'


</script>